<template>
    <Head/>
    <el-container>
        <el-main style="background: #dee7e2">
            <div id="search_question" >
                <el-form>
                    <el-form-item style="padding-top: 2%">
                        <label style="margin-left: 1%;font-size: 22px;margin-right: 3%;vertical-align:center">查找题目</label>
                        <el-input style="width: 60%" v-model="search_content  " placeholder="请输入标签，题目，或者是题号"></el-input>
                        <el-button type="primary">搜索</el-button>
                    </el-form-item>
                </el-form>
            </div>
            <div id="question_list">
                <el-table :data="question_data"
                    style="width: 100%">
                    <el-table-column prop="question_id"
                                     label="题号"
                                     width="300"/>
                    <el-table-column prop="question_title"
                                     label="题目"
                                     width="500"/>

                    <el-table-column prop="difficulty"
                                     label="难度"
                                     width="305"/>
                </el-table>
            </div>
        </el-main>
    </el-container>
    <Foot/>
</template>

<script>
    import Head from "@/components/Head";
    import Foot from "@/components/Foot";
    export default {
        name: "Questions",
        components: {Head,Foot},
        data(){
            return{
                search_content:'',
                question_data:[
                    {
                        question_id:'10041',
                        question_title:'鸡兔同笼',
                        difficulty:'简易'
                    },
                    {
                        question_id:'10041',
                        question_title:'鸡兔同笼',
                        difficulty:'简易'
                    },
                    {
                        question_id:'10041',
                        question_title:'鸡兔同笼',
                        difficulty:'简易'
                    },
                    {
                        question_id:'10041',
                        question_title:'鸡兔同笼',
                        difficulty:'简易'
                    },
                    {
                        question_id:'10041',
                        question_title:'鸡兔同笼',
                        difficulty:'简易'
                    },
                    {
                        question_id:'10041',
                        question_title:'鸡兔同笼',
                        difficulty:'简易'
                    },
                    {
                        question_id:'10041',
                        question_title:'鸡兔同笼',
                        difficulty:'简易'
                    }
                ]
            }
        },
        methods:{
            load(){
            }
        }
    }
</script>

<style>
#search_question{
    background: #ffffff;
    width: 60%;
    height: 20%;
    margin: 0 auto;
    margin-top: 1.5%;
    box-shadow: 0 0 3px #606266;
}
#question_list{
    background: #ffffff;
    width: 60%;
    margin: 0 auto;
    height: 80%;
    margin-top: 1%;
    box-shadow: 0 0 3px #606266;
}
</style>
